<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Vue.js</title>
    <link rel="stylesheet" href="d1.css">
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
    <div id="vue-app">
        <h1>Events</h1>
        <button v-on:click.once="add(1)">长一岁</button>
        <button v-on:click="subtract(1)">减一岁</button>

        <button v-on:dblclick="add(10)">长十岁</button>
        <button v-on:dblclick="subtract(10)">减十岁</button>

        <p>My age is{{age}}</p>

        <div id="canvas" @mousemove="updateXY">
            {{x}},{{y}} -
            <span v-on:mousemove.stop="">Stop Moving</span>
        </div>
        <a v-on:click="alert().prevent" href="http://www.thenewstep.com">Thenewstep</a>
    </div>

    <script src="d1.js"></script>

</body>
</html>